<?xml version="1.0" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:output method="html" indent="yes"/>

<xsl:template match="/">


<html>
  <head><link rel="stylesheet" type="text/css" href="css/home.css"/>
  <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
  <script src="js/jquery.expander.js" type="text/javascript"></script>
  <script type='text/javascript' src='js/home.js'></script>
  </head>
  <body>
  <div id="header">
  <div id="logo"></div>
	  
	  <div id="navBar">
	  	<ul>
	  		<xsl:if test="$title = 'home'">
	  		<li class="current"><a href="index.jsp">Home</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title != 'home'">
	  		<li><a href="index.jsp">Home</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title = 'category'">
	  		<li class = "current"><a  href="main.jsp?url=category&amp;xsl=home&amp;order=name">Category</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title != 'category'">
	  		<li ><a  href="main.jsp?url=category&amp;xsl=home&amp;order=name">Category</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title = 'theme'">
	  		<li class = "current"><a href="main.jsp?url=theme&amp;xsl=theme&amp;order=title">Theme</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title != 'theme'">
	  		<li><a href="main.jsp?url=theme&amp;xsl=theme&amp;order=title">Theme</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title = 'collection'">
	  		<li class = "current"><a href="main.jsp?url=collection&amp;xsl=collection&amp;order=name">Collection</a></li>
	  		</xsl:if>
	  		<xsl:if test="$title != 'collection'">
	  		<li><a href="main.jsp?url=collection&amp;xsl=collection&amp;order=name">Collection</a></li>
	  		</xsl:if>
	  	</ul>
	  	
	  </div>
	  
	  
	  <hr />
  </div>
  <div id="mainContent">
  
 <input type="image" src="img/back_button_small.jpg" width="40" height="25" onCLick="history.back()"></input>
		
		 <xsl:apply-templates/>
		 
		 
   </div>
   
   <hr />
  <div class="clearer"></div>
  <div id="footer">
	 <p>All rights reserved. Developed by Pen Bang Inc. 2011</p> 
  </div>
  <div id="fadeBox">
     <div id="donationBox">
  		<form method="post" action="ccheck.jsp" id="ccheckForm">
		 	<p >Amount:  <input type="text" name="ccheck_amount" /><br /></p>
	 		<p >Card Name: <input type="text" name="ccheck_name" /> <br /></p>
	 		<p >Card Number:  <input type="text" name="ccheck_number" /> <br /></p>	
	 		<p>Card Type: <select name="ccheck_type"><option>Visa</option><option>MasterCard</option></select> <br /></p>
	 		<p >Expire Date:  <input type="text" name="ccheck_expdate" /> <br /></p>	
		 	<input type="submit" value="submit" id="donationSubmit"/>
		 	<input type="button" value="cancel" id="cancelButton"/>
 		</form>
  	</div>
  </div>
  </body>
  
  </html>
  </xsl:template>

</xsl:stylesheet>